﻿<style type="text/css">

    body{background:#f5f5f5}
    .mv-content{margin-top: 0px;}
    .my-top{background:#fff;padding: 10px 0;overflow: hidden; }
    .my-title{text-align: center;padding-bottom: 10px;position: relative;border-bottom: 1px solid #E8E8E8;}
    .my-title h2{font-size: 17px;color: #8A8A8A;text-align: center;display: inline-block;}
    .my-title p{color: #8A8A8A;margin-right: 15px;position: absolute;top: 0;right: 0}
    .my-top a{display: inline-block;width: 100%;color: #8A8A8A}
    .my-top>a{margin-top: 15px;position: relative}
    .edit{position: absolute;right: 20px;bottom: 0;background-color: #2A21F1;color: #fff;font-size: 12px;width: 70px;height: 22px;line-height: 22px;text-align: center;border-radius: 2px;}
    .my-top .top-img{float: left;}
    .top-img{position:relative;}
    .top-img input{position: absolute; top: 0; display: block; width: 55px; left: 0; height: 55px;opacity: 0;margin-left: 15px;z-index:99;}
    .my-top .top-img img{width: 55px;height: 55px;display: inline-block;margin-left: 15px;border-radius: 50%;}
    .my-top .top-cont{float: left;margin-top: 2px;color: #484849;}
    .my-top .top-cont>div{margin-left: 10px;}
    .my-top .top-cont>div:last-child{font-size: 12px;margin-top: 8px;}
    .my-top .top-cont p{color: #484849;margin-left: 10px;display: inline-block}
    .my-top .top-cont p:nth-of-type(2){background: #43527f;padding: 1px 5px;border-radius: 10px;margin-top: 3px;}
    .my-top a i{float: right;font-size: 25px;color: #8A8A8A;margin-top: 10px;margin-right: 10px;}
    .mv-list ul{margin-left: 50px}
    .mv-list ul li span{margin-right:0px}
    .mv-list ul li a{position: relative;border-bottom:none;height: 40px;line-height: 40px;}
    .mv-list ul li a p{left: 10px;}
    .mv-list ul li a .icon{width: 25px;height: 25px;display: inline-block;position: absolute;left: -30px;top: 8px;}
    .mv-list ul li a .icon>img{width: 100%;height: 100%;}
    .mv-list ul li .fa_right{color: #8A8A8A;}
</style>
<div class="my-top">
    <div class="my-title">
        <a href="#">
            <h2>我的</h2>
            <p v-on:click="exit">退出</p>
        </a>
    </div>
    <a>
        <div class="top-img">
            <img id="usericon_img" :src="bag.basis.info.head" />
            <input id="usericon" name="usericon" type="file">
        </div>
        <div class="top-cont" >
            <div>手机号（或邮箱）:<p v-text="bag.basis.info.username">-</p></div>
            <div>UID:<p v-text="bag.basis.info.id">-</p></div>
        </div>
        <!--<i v-on:click="detail" class="iconfont icon-xiayibu"></i>-->
        <div class="edit" onclick="mview.view.load('/views/user/setting_datum.html')">修改资料</div>
    </a>
</div>
<div class="mv-list">
    <ul>
        <li>
            <a onclick="mview.view.load('/views/User/asset.html')">
                <div class="icon">
                    <img src="../../Images/Icons/main_1.png">
                </div>
                <p>我的资产</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
                <!--<span v-text="'≈￥'+bag.asset_total">0</span>-->
            </a>
        </li>
        <li>
            <a>
                <div class="icon">
                    <img src="../../Images/Icons/main_2.png">
                </div>
                <p>我的二维码</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
    </ul>
</div>
<div class="mv-list">
    <ul>
        <li>
            <a onclick="mview.view.load('/views/user/paymeet.html')">
                <div class="icon">
                    <img src="../../Images/Icons/main_3.png">
                </div>
                <p>收款方式</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
        <li>
            <a onclick="mview.view.load('/views/module/transaction/contractlists.html')">
                <div class="icon">
                    <img src="../../Images/Icons/main_4.png">
                </div>
                <p>场外交易</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
    </ul>
</div>
<div class="mv-list">
    <ul>
        <li>
            <a onclick="mview.view.load('/views/user/qrcode.html')">
                <div class="icon">
                    <img src="../../Images/Icons/main_5.png">
                </div>
                <p>推广链接</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
        <li>
            <a>
                <div class="icon">
                    <img src="../../Images/main_11.png">
                </div>
                <p>推荐人</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
        <li>
            <a>
                <div class="icon">
                    <img src="../../Images/Icons/main_6.png">
                </div>
                <p>APP下载</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
    </ul>
</div>
<div class="mv-list">
    <ul>
        <li>
            <a onclick="mview.view.load('/views/user/real.html')">
                <div class="icon">
                    <img src="../../Images/Icons/main_7.png">
                </div>
                <p>实名认证</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
        <li>
            <a onclick="mview.view.load('/views/user/setting_otpword.html')">
                <div class="icon">
                    <img src="../../Images/Icons/main_8.png">
                </div>
                <p>谷歌验证</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
    </ul>
</div>
<div class="mv-list">
    <ul>
        <li>
            <a onclick="mview.view.load('/views/user/setting.html')">
                <div class="icon">
                    <img src="../../Images/Icons/main_9.png">
                </div>
                <p>个人设置</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
    </ul>
</div>
<div class="mv-list">
    <ul>
        <li>
            <a>
                <div class="icon">
                    <img src="../../Images/Icons/main_10.png">
                </div>
                <p>电报群</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
    </ul>
</div>
<div class="mv-list">
    <ul>
        <li>
            <a>
                <div class="icon">
                    <img src="../../Images/Icons/main_11.png">
                </div>
                <p>官方网站</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
    </ul>
</div>
<!--<div class="mv-list">
    <ul>
        <li>
            <a onclick="mview.view.load('/views/User/asset.html')">
                <i class="iconfont icon-jiage fa_left" style="color: #7583b6"></i>
                <p>总资产</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
                <span v-text="'≈￥'+bag.asset_total">0</span>
            </a>
        </li>
        <li>
            <a onclick="mview.view.load('/views/user/paymeet.html')">
                <i class="iconfont icon-31daifukuan fa_left" style="color: #e8a149"></i>
                <p>收款方式</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
    </ul>
</div>
<div class="mv-list">
    <ul>
        <li>
            <a onclick="mview.view.load('/views/module/transaction/contractlists.html')">
                <img src="/Images/Icons/yjmm.png" style="width:23px;vertical-align: middle;float:left;position:relative;left:-35px;top:10px;"/>
                <p>OTC交易</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
        <li>
            <a onclick="mview.view.load('/views/user/qrcode.html')">
                <i class="iconfont icon-code fa_left" style="color: #7583b6"></i>
                <p>推广链接</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
        <li>
            <a onclick="mview.view.load('/views/user/real.html')">
                <i class="iconfont icon-youhuiquan fa_left" style="color: #7583b6"></i>
                <p>实名认证</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
    </ul>
</div>
<div class="mv-list">
    <ul>
        <li>
            <a onclick="mview.view.load('/views/user/setting_otpword.html')">
                <i class="iconfont icon-31baocundaozhuomian fa_left" style="color: #7583b6"></i>
                <p>谷歌验证</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
        <li>
            <a onclick="mview.view.load('/views/user/setting.html')">
                <i class="iconfont iconfont icon-31shezhi fa_left" style="color: #e8a149"></i>
                <p>个人设置</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
        <li>
            <a onclick="mview.view.load('/views/user/custom.html')">
                <i class="iconfont icon-kefuyouxian1 fa_left" style="color: #7583b6"></i>
                <p>我的客服</p>
                <i class="iconfont icon-xiayibu fa_right"></i>
            </a>
        </li>
    </ul>
</div>-->
<div style="margin-bottom: 70px;"></div>
<script type="text/javascript">
    var pagedata = {
        request: {
            method: "VIEW_USER_MAIN",
            linkroot: true
        },
        screen: {
            header_title_name: "我的",
            header_display: false,
            footer_display: true,
            footer_choose: "user"
        },
        oncreate: function () {
            m.view.node("#usericon").on("change", function () {
                mview.custom.preview_image(document.getElementById("usericon"), 300, function (base64) {
                    document.getElementById("usericon_img").src = base64;
                    mview.socket.send({
                        data: {
                            method: "USEREDIT_ICON",
                            icon: base64
                        },
                        success: function (data) {
                            if (data.Code == 0) {
                                mview.control.tips("更换成功");
                            }
                            else {
                                mview.control.tips(data.Message);
                            }
                        }
                    });
                });
            });
        },
        data: {

        },
        methods: {
            detail: function () {
                //mview.view.load('/views/module/friend/detail.html', {
                //    id: pagedata.data.bag.basis.info.id,
                //    exiturl: '/views/user/main.html'
                //});
            },
            exit: function () {
                mview.exit();
            }
        }
    }
    mview.view.chlid.init(pagedata);
</script>